<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<title>控制台-${siteName }</title>
<jsp:include page="../common/head.jsp"></jsp:include>
<style>
.h-20{
	height:20px;
}
</style>
</head>
<body>

	<div class="am-g">
		<div class="am-u-sm-12">
			<p class="am-text"></p>
			<p id="remind" class="am-text-success">正在连接串口控制程序：</p>
			<p id="warning" class="am-text-warning"></p>
		</div>
	</div>
	<div class="am-g">
		<div class="am-u-sm-12">
			<hr>
			<div id="alert-modal" class="am-modal am-modal-no-btn" tabindex="-1">
				<div class="am-modal-dialog">
					<div class="am-modal-hd">提示
					<a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>
					</div>
					<div id="alert-modal-bd" class="am-modal-bd"></div>
				</div>
			</div>
		</div>
	</div>
	<!-- 主体开始 -->
	<div class="am-g">
		<!-- 左侧开始 -->
		<div class="am-u-sm-12 am-u-lg-4">
			<div class="am-g">
				<div class="am-u-sm-6">串口：</div>
				<div class="am-u-sm-6">波特率：</div>
			</div>
			<div class="h-20"></div>
			<div class="am-g">
				<div class="am-u-sm-6">
					<select id="select-port" data-am-selected>
						<option value="null">请选择</option>
						<c:forEach var="port" items="${ports }">
							<option value="${port }">${port }</option>
						</c:forEach>
					</select>
				</div>
				<div class="am-u-sm-6">
					<select id="select-baudRate" data-am-selected>
						<option value="115200" selected="selected">115200</option>
					</select>
				</div>
			</div>
			<div class="h-20"></div>
			<div class="am-g">
				<div class="am-u-sm-3">
					<button id="conn-btn" class="am-btn am-btn-success">连接</button>
				</div>
				<div class="am-u-sm-3">
					<button id="findCard-btn" class="am-btn am-btn-secondary">寻卡</button>
				</div>
				<div class="am-u-sm-3">
					<button id="killConflict-btn" class="am-btn am-btn-secondary">防冲突</button>
				</div>
				<div class="am-u-sm-3">
					<button id="breakoff-btn" class="am-btn am-btn-default">断开</button>
				</div>
			</div>
			<div class="h-20"></div>
			<div class="am-g">
				<div class="am-u-sm-3">
					<button id="choseCard-btn" class="am-btn am-btn-secondary">选卡</button>
				</div>
				<div class="am-u-sm-3">
					<button id="downloadPW-btn" class="am-btn am-btn-secondary">下载密码</button>
				</div>
				<div class="am-u-sm-3">
					
				</div>
				<div class="am-u-sm-3">
					
				</div>
				
			</div>
			<div class="h-20"></div>
			<div class="am-g">
				<hr>
			</div>
			
			<div class="h-20"></div>
			
		</div>
		<!-- 左侧关闭 -->
		
		<!-- right start -->
		<div class="am-u-sm-12 am-u-lg-8"
			style="border-left: 3px solid #2F4056">
			<div class="am-g">
				<!-- log panel start -->
				<div id="log-panel" class="am-u-sm-12">
					<div class="am-panel am-panel-default">
						<div class="am-panel-hd">
							<h4 class="am-panel-title"
								data-am-collapse="{parent: '#log-panel', target: '#log-panel-by'}">
								日志</h4>
						</div>
						<div id="log-panel-by" class="am-panel-collapse am-collapse am-in">
							<div class="am-panel-bd">
								<div>
									<!-- 
									<button id="log-panel-save" class="am-btn am-btn-sm am-btn-success">保存日志</button>
									 -->
									<button id="log-panel-clear" class="am-btn am-btn-sm am-btn-warning">清空</button>
								</div>
								<div id="log-panel-content" style="max-height:30vh;overflow-y:scroll">
								
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- log panel end. -->
				<!-- book log start -->
				<div id="dataLog-panel" class="am-u-sm-12">
					<div class="am-panel am-panel-primary">
						<div class="am-panel-hd">
							<h4 class="am-panel-title"
								data-am-collapse="{parent: '#dataLog-panel', target: '#dataLog-panel-bd'}">
								数据日志</h4>
						</div>
						<div id="dataLog-panel-bd"
							class="am-panel-collapse am-collapse am-in">
							<div class="am-panel-bd">
								<div id="dataLog-panel-content" style="max-height:30vh;overflow-y:scroll">
								
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- book log end. -->
			</div>
		</div>
		<!-- right end -->
	</div>
	<!-- 主体 end -->
</body>
<script type="text/javascript"
	src="${rootUrl }/static/js/admin/console.js"></script>
</html>